<script setup>
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import  { routers }   from "@/router/index.js"
console.log(routers,99);
</script>

<template>
  <header>
    <div class="wrapper">
      <template v-for="(item,index) in routers" :key="index">
        <RouterLink :to="item.path">{{item.name}}</RouterLink>
        </template>
    </div>
    <RouterView />
  </header>

</template>
<style scoped>
.wrapper{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100px;
  height: 100vh;
}
header{
 display: flex;
}
</style>
